<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/nomalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../swiper/swiper-bundle.css">
    <link rel="stylesheet" href="../css/注册界面.css">
</head>

<body>
    <!-- 头部 -->
    <div>
        <div class="top container clearfix">
            <img src="../imgs/logo-white.png" alt="">
            <span>已有源码账号，<a href="../page/登录界面.html">立即登录</a></span>
        </div>
    </div>
    <!-- 身体 -->
    <div class="content">
        <div class="content-box container">
            <div class="content-subbox clearfix">
                <h2>欢迎注册</h2>
                <h3>百款接口免费试用</h3>
                <p>注册即送300元大礼包</p>
                <div class="content-subbox-inp">
                    <div class="content-subbox-img">
                        <input type="text" placeholder="用户名(6~20位字母数字)">
                        <img class="" src="../imgs/clearInput.png" alt="">
                        <div class="masa">
                            <span class="scred"></span>
                            <span class="msg">昵称需在6-12位字母数字间</span>
                        </div>
                    </div>
                    <div class="content-subbox-img">
                        <input type="text" placeholder="请输入手机号码">
                        <img class="" src="../imgs/clearInput.png" alt="">
                        <div class="masa">
                            <span class="scred"></span>
                            <span class="msg">请输入正确的手机号</span>
                        </div>
                    </div>
                    <div class="content-subbox-img1 clearfix">
                        <input type="text" class="subbox-text fl" placeholder="请输入手机短信验证码">
                        <input type="button" class="subbox-yzm fl" value="获取验证码">
                        <img class="" src="../imgs/clearInput.png" alt="">
                        <div class="masa1">
                            <span class="scred1"></span>
                            <span class="msg1">请输入4位手机验证码</span>
                        </div>
                    </div>


                    <div class="content-subbox-img">
                        <input type="password" placeholder="请输入6~20位密码">
                        <img class="" src="../imgs/clearInput.png" alt="">
                        <div class="masa">
                            <span class="scred"></span>
                            <span class="msg" >请输入6至12位的密码</span>
                        </div>
                    </div>

                </div>
                <label class="check">
                    <input class="checkbox" type="checkbox">
                    我已阅读并接受
                    <span>《源码用户服务协议》</span>
                    <span>《源码隐私政策》</span>
                </label>
                <button class="btn" disabled>立即注册</button>

            </div>
        </div>
    </div>

    <script src="../js/注册界面.js"></script>
</body>

</html>